<template>
  <TbTitle level="2" title="（三）、负责人情况" />
  <div class="msg-tip">
    <p>
      现职公务员兼任负责人:省部级及以上（{{ detailInfo.incumbentResponsibleMinisterialNum }}）人； 地厅级（{{
        detailInfo.incumbentResponsibleDepartmentNum }}）人； 县处级（{{
        detailInfo.incumbentResponsibleClerkNum }}）人；
      科级及以下（{{ detailInfo.incumbentResponsibleClerkNum }}）人
    </p>
    <p>
      退（离）休领导干部担任负责人:兼任省部级及以上（{{ detailInfo.retireResponsibleMinisterialNum }}）人，兼任地厅级（{{
        detailInfo.retireResponsibleDepartmentNum }}）人；
      兼任县处级（{{ detailInfo.retireResponsibleCountyNum }}）人； 兼任科级及以下（{{ detailInfo.retireResponsibleClerkNum }}）人
    </p>
  </div>
  <el-table size="mini" :header-cell-style="{ background: '#f0f7fc', color: '#000' }" :data="deptTableData" border>
    <el-table-column type="index" align="center" width="70" label="序号"></el-table-column>
    <el-table-column prop="directorName" align="center" label="姓名"></el-table-column>
    <el-table-column prop="directorSex" align="center" label="性别">
      <template #default="scope">
        {{ ['男', '女'][scope.row.directorSex - 1] }}
      </template>
    </el-table-column>

    <el-table-column prop="directorAge" align="center" label="年龄"></el-table-column>
    <el-table-column prop="directorUnitPosition" align="center" label="工作单位/原单位" width="250px">
    </el-table-column>
    <el-table-column width="360" align="center" label="担任社会组织职务">
      <el-table-column prop="directorPositionType" align="center" label="职务类型">
      </el-table-column>
      <el-table-column prop="directorPositionName" align="center" label="职务名称">
      </el-table-column>
    </el-table-column>
    <!-- <el-table-column align="center" label="操作">
      <template #default="scope">
        <el-button link type="primary" size="small" @click.prevent="searchDetail(scope.$index)">
          查看
        </el-button>
      </template>
    </el-table-column> -->
  </el-table>
  <div class="msg-tip">
    注：
    <p>
      1.负责人包含担任理事长、副理事长、理事、行政负责人等领导职务，以及对应的职务层级，如会长、副会长、董事长；
    </p>
    <p>2.民办非企业单位行政负责人有且只有一名；</p>
    <p>3.为保护隐私，部分信息不在报告书中显示；</p>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive, inject } from 'vue'
import TbTitle from '@/views/yearCheck/components/TbTitle.vue'
let detailInfo = reactive({})
const { getDetailInfo } = inject('getDetailInfo')

const deptTableData = ref([])
const searchDetail = () => {
}
getDetailInfo().then(res => {
  Object.assign(detailInfo, res.data)
  deptTableData.value = detailInfo.list
})
</script>
<style lang="scss" scoped>
.msg-tip {
  padding: 20px 0;
  color: #000;
  font-family: '微软雅黑';
}
</style>
